/**index.wxss**/

page {
  background: #F2F8F8;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.swiper-box{
  width:100%;
  position: relative;
 
}
.backimg{
  width:100%;
  height:170px;
}
.nickname-box{
 width: 100%;
 position: absolute;
 top:18px;
 display: flex;
 justify-content:center;
 
}
.nickname{
  width: 320px;
  color:#fff;
  font-size: 24px;
  font-family: '黑体';
  display: flex;
  
  flex-direction:column;
}

.headimg{
  width:70px;
  height:70px;
  border-radius: 20px;
  margin-right: 15px;
  box-shadow: 1px 2px 14px #000;
}
.inner{
  position: absolute;
  top:125px;
  width: 100%;
  height:80px;
  display: flex;
  justify-content:space-around;
}
.list{
  width: 159px;
  height: 73px;
  background: #FFFFFF;
  box-shadow: 5px 5px 20px -5px rgba(75, 75, 75, 0.3);
  border-radius: 8px;
  display: flex;
  align-items:center;
}
.text-title{
  padding:2px 3px;
  font-size: 15px;
  margin-bottom: 5px;
  font-weight: 700;
}
.text-btn{
  background: #459377;
  padding: 2px 3px;
  border-radius: 20px;
  font-size: 12px;
  color:#fff;
}
.left{
  display: flex;
  flex-direction:column;
  width:60%;
  text-align: center;
  align-content:center;
  padding: 5px 5px;
}
.right{
  width:40%;
  text-align: center;
  align-content:center;
}
.right image{
  width:35px;
  height:35px;
}
.list-mine{
  width:100%;
  position: relative;
  top:-40px;
  
}

.list-cell{
  width: 295px;
  height: 65px;
  background: #FFFFFF;
  box-shadow: 5px 5px 20px -5px rgba(75, 75, 75, 0.3);
  border-radius: 8px;
  padding: 0 20px;
  display: flex;
  align-items: center; /*定义body的元素垂直居中*/
  position: relative;
  margin: 0 auto;
  margin-bottom: 21px;
  justify-content:space-between;
}
.btn-box{
  position: fixed;
  bottom:40px;
  text-align: center;
}
.btn{
  width:335px;
  height:50px;
  background: #459377;
  color:#fff;
  font-size: 17px;
  font-family:'微软雅黑';
  border-radius: 12px;
  box-shadow:10px 10px 10px  #a2d2c1 ;
}
.btn:active{
  background: #49947a;
}
